<!doctype html>
<html>
  <head>
    {% block head %}
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
    <title>{% block title %}{% endblock %} - My Webpage</title>
    {% endblock %}
    <style type="text/css">
        .head{
          position: fixed;
          top:0;
          left:0;
          right:0;
          height:50px;
          background-color: #CD3700;
          color:#fff;
          /*margin-bottom: 50px;*/
          
        }
        .headdiv{
          display: flex;
          flex-direction: row;
          line-height: 50px;
        }
        .logo{
          margin-left: 50px;
          margin-right: 100px;
          cursor: pointer;
        }
        .ulli{
          margin-right: 20px
        }
        #content{
          margin-top:50px;
        }
        #footer{
          position: fixed;
          bottom:0;
          left:0;
          right:0;
          height:50px;
          background-color: #CD3700;
          color:#fff;
          line-height: 50px;
          text-align: center;
        }
        .logout{
          position: absolute; 
          right:40px;
          cursor: pointer;
        }
        a{
          text-decoration: none;
          color:#fff;
        }

    </style>
  </head>
<body>
  <div class="head">
    <div class="headdiv">
      <div class="logo"><a href="/compony">爬虫v1.0.0</a></div>
      <!-- <div class="ulli">产品</div>
      <div class="ulli">商品</div>
      <div class="ulli">秒杀</div> -->
      <div class="logout"><a href="/logout">退出</a></div>
    </div>
    
  </div>
  <div id="content">{% block content %}{% endblock %}</div>
  <div id="footer">
    {% block footer %}
    &copy; Copyright 2019 by <a href="http://www.huatu.com/">华图教育</a>
    {% endblock %}
  </div>
</body>